<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>up</title>
    <!-- BEGIN THEME STYLES -->
    <link href="css/bootstrap.css" rel="stylesheet"/>
    <!--Fancybox
	<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />-->
    <!-- Magnific Popup core CSS file -->
	<link rel="stylesheet" href="css/magnific-popup.css">
    
    <link href="css/mystyle.css" rel="stylesheet"/>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
    <link href="css/mediastyle.css" rel="stylesheet"/>
    
	<!-- END THEME STYLES -->
	
</head>
<body>
	<!-- BEGIN HEADER -->
    <header>
		<div class="container_header">
        	<div class="row">
                <div id="menutop1" class="col-lg-12">
                	<nav class="navbar navbar-default" role="navigation"><!-- bs-example-navbar-collapse-1 -->
						<div class="container-fluid">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>

							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav">
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
											<div class="c_icon1"></div>
											<span class="c_caption1">CATEGORIES</span>
										</a>
										<ul class="dropdown-menu submenu" role="menu">
                                        	<li class="event"></li>
                                            <div class="c_submenu_chid">
                                                <ul> 
                                                    <li>
                                                    	<a href="#">Technology</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Business</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Design</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Arts & Photography</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="c_submenu_chid">
                                                <ul>
                                                    <li>
                                                    	<a href="#">Technology</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Business</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Design</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Arts & Photography</a>
                                                    </li>
                                                </ul>
                                            </div>
										</ul>
									</li><!--End dropdown categories-->
									<li>
										<form class="navbar-form navbar-left" role="search">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="type your course">
											</div>											
										</form>
									</li>
									<li class="logo"><a href="index.php"><img src="images/layout/logo.png"/></a></li>
								</ul>
								<ul id="menutop1_right" class="nav navbar-nav navbar-right">
                                	<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><div class="c_img_user">
                                        	<img src="images/layout/img_user.jpg"/>
                                        </div>Minh Bao</a>
										<ul class="dropdown-menu" role="menu">
                                        	<li class="event1"></li>
											<li>
												<a href="#">My Profile</a>
												<div class="c_bot_submenu"></div>
											</li>
											<li>
												<a href="#">My Course</a>
												<div class="c_bot_submenu"></div>
											</li>
											<li>
												<a href="#">Logout</a>
												
											</li>
										</ul>
									</li>
									<li>
										<a class="btn btn-default" href="login.php">
                                        	LOGIN <span class="glyphicon login_icon"></span>
                                        </a>
                                        
									</li>
                                    <li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> > English</a>
										<ul class="dropdown-menu" role="menu">
                                        	<li class="event1"></li>
											<li>
												<a href="#">English</a>
												<div class="c_bot_submenu"></div>
											</li>
											<li>
												<a href="#">Japanese</a>
											</li>
											<!--End English-->
										</ul>
									</li>                                   
								</ul>
							</div><!-- /.navbar-collapse -->
						</div><!-- /.container-fluid -->
					</nav><!--end bs-example-navbar-collapse-1 -->
              
                </div><!--End menutop1-->
            </div><!--End row-->
        </div><!--End container -->
    </header><!-- END HEADER -->
    
   	<!-- BEGIN section -->
    <section id="c_section_dd">
    	<div class="container">
        
        	<div class="row">
            
            	<div class="col-lg-6">
                	<div class="c_dd_left">
                    	<div class="c_header">
                        	<div class="c_icon_home"></div>
                            <div class="menu">
                                <ul>
                                    <li><a href="#">Technology</a><span>></span></li>
                                    <li><a href="#">How To Master Online Marketing</a><span>></span></li>
                                    <li><a href="#">Dashboard</a></li> 
                                </ul>
                            </div>
                        </div><!--end c_header-->
                        <div class="c_dd_row1">
                        	<h4>Who to do with Dokusyu</h4>
                            <div class="c_usre"><img src="images/layout/icon_user.jpg"/><span>Founder Dokusyu</span></div>
                        </div><!--end c_dd_row1-->
                        <div class="c_dd_row2">
                        	<div class="menu">
                                <ul>
                                    <li><a href="#">Section 1</a><span>></span></li>
                                    <li><a href="#">Lecture 3</a></li>
                                </ul>
                            </div>
                            <p>How to creat an account ?</p>
                            <a class="btn btn-default" href="#" role="button">Continue This</a>
                        </div><!--end c_dd_row2-->
                        
                        <div class="c_dd_row3">
                        	<p>SECTION 1: VISION, VALUES, est...</p>
                            <div class="c_dd_row3_1">
                            	<div class="event"></div>
                                <div class="c_dd_row3_1_item">
                                	<img height="16" src="images/layout/c_icon_page.png"/>
                                    <div class="c_dd_row3_1_test">Sebastien de Halleux of Playfish</div>
                                </div>
                                <div class="c_dd_row3_1_item">
                                	<img width="16" src="images/layout/c_icon_film.png"/>
                                    <div class="c_dd_row3_1_test">Sebastien de Halleux of Playfish</div>
                                </div>
                            </div>
                            <p>SECTION 2: VISION, VALUES, est...</p>
                            <div class="c_dd_row3_2">
                            	<div class="event"></div>
                            </div>
                        </div>
                    </div><!--end c_dd_left-->
                </div><!--end col-lg-6-->
                
                <div class="col-lg-6">
                	<div class="c_dd_right">
                    	<div class="c_header">
                        	<div class="c_icon_comment"></div>
                            <div class="test1">Discussion</div>
                            <div class="c_icon_studen"></div>
                            <div class="test2">250 Students</div>   
                        </div><!--end c_header-->
                        <div class="c_dd_right_row1">
                        	<div class="event"></div>
                            <div class="c_dd_right_row1_item">
                            	<img width="28" src="images/layout/icon_user.jpg">
                                <div class="c_btn_dd">
                                	<input type="email" class="form-control">
                                </div>          
                            </div><!--end c_dd_right_row1_item-->
								<div class="c_group_comment">
									<div class="c_dd_right_row1_item">
										<img width="28" src="images/layout/icon_user.jpg">
										<div class="c_test_dd">
											<p>Hi, I did not understand the purpose of variable $GLOBALS in if statement inside the function.</p>

		Adding extra chapters that are really only ads, then showing the course hasn't been finished after it was completed is wrong.<br>
		I understand you want to make $ by pushing your courses (especially after Udemy increased their fees to 70% or so), but that is not the way to do it.
										</div>          
									</div><!--end c_dd_right_row1_item-->
									<div class="c_dd_right_row1_item">
										<img width="28" src="images/layout/icon_user.jpg">
										<div class="c_test_dd">
											<p>Hi, I did not understand the purpose of variable $GLOBALS in if statement inside the function.</p>

		Adding extra chapters that are really only ads, then showing the course hasn't been finished after it was completed is wrong.<br>
		I understand you want to make $ by pushing your courses (especially after Udemy increased their fees to 70% or so), but that is not the way to do it.
										</div>          
									</div><!--end c_dd_right_row1_item-->
								</div>
                            <div class="c_dd_right_opacity"></div>
                            <div class="c_dd_right_viewmore">
                            	<p id="c_viewmore">View more <span> v</span></p>
                            </div>
                        </div><!--end c_dd_right_row1-->
                        <div class="c_dd_right_row2">
							<div role="tabpanel">
							  <!-- Nav tabs -->
								<ul class="nav nav-tabs" role="tablist">
									<li role="presentation" class="active"><a href="#ActivitiesHistory" aria-controls="home" role="tab" data-toggle="tab">Activities History</a></li>
									<li role="presentation"><a href="#ActiveStudents" aria-controls="profile" role="tab" data-toggle="tab">24 Active Students</a></li>    
								</ul>

							  <!-- Tab panes -->
								<div class="tab-content">
									<div role="tabpanel" class="tab-pane active" id="ActivitiesHistory">
										<div class="c_dd_right_row3">
											<div class="c_group_item">
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Ankit Bhatia</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Niveditha</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Paul Schmitt</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Kannabiran</span> complete the course
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Kannabiran</span> complete the course 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Ankit Bhatia</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Niveditha</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Paul Schmitt</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Kannabiran</span> complete the course
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Kannabiran</span> complete the course 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->

											</div><!--end c_group_item-->
										</div><!--end c_dd_right_row3-->
									</div>
									<div role="tabpanel" class="tab-pane" id="ActiveStudents">
									
										<div class="c_dd_right_row3">
											<div class="c_group_item">
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>ActiveStudents</span> fished Section 1 >  Lecture 4
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Niveditha</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Paul Schmitt</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Kannabiran</span> complete the course
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Kannabiran</span> complete the course 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Ankit Bhatia</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Niveditha</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Paul Schmitt</span> fished Section 1 >  Lecture 4 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Kannabiran</span> complete the course
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->
												
												<div class="c_group_item_row">
													<div class="c_group_item_img">
														<img width="28" src="images/layout/icon_user.jpg">
													</div>
													<div class="c_group_item_test1">
														<span>Kannabiran</span> complete the course 
													</div>
													<div class="c_group_item_test2">
														4 days ago
													</div>
												</div><!--end c_group_item_row-->

											</div><!--end c_group_item-->
										</div><!--end c_dd_right_row3-->

									
									</div>
								</div>
							</div>
                        </div><!--end c_dd_right_row2-->
                    </div>
                </div><!--end col-lg-6-->
                
            </div>
            
        </div>
	</section>
   	<!--END SECTION-->
       
    
    <footer><!-- BEGIN FOOTER -->
    	<div class="container">
			<div class="col-sm-3 copyright">
				<img class="logo1 img-responsive" src="images/layout/logo.png"/>
				<p>Copyright 2014 Dokusyu.com</p>
				<p>All Rights reversed.</p>
			</div><!--End copyright-->
			
			<div class="col-sm-6">
				<h4>Navigation</h4>
				<div class="col-sm-6 list">
					<ul class="editul">
						<li><a href="#">Technology</a></li>
						<li><a href="#">Business</a></li>
						<li><a href="#">Design</a></li>
						<li><a href="#">Arts & Photography</a></li>
					</ul>
				</div>
				
				<div class="col-sm-6 list">
					<ul class="editul">
						<li><a href="#">About us</a></li>
						<li><a href="#">Terms and conditions</a></li>
						<li><a href="#">Support</a></li>
						<li><a href="#">Careers</a></li>
					</ul>
				</div>
			</div><!--End col-sm-6-->
			
			<div class="col-sm-3">
				<h4>Contacts</h4>
				<ul>
					<li class="font_MyriadPro">Phone:		123 4567 890</li>
                    <li class="font_MyriadPro">Email:		support@dokusyu.com</li>
					<li class="social_icon">
						<a href="#" class="icon_fb"></a>
						<a href="#" class="icon_tw"></a>
						<a href="#" class="icon_in"></a>
						<a href="#" class="icon_ytb"></a>
					</li>
				</ul>
			</div><!--End col-sm-3-->
		</div><!--End container-->
    </footer><!-- END FOOTER -->
        <!-- BEGIN SCRIPT -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   	<!--datepickker-->
    <script src="js/moment.min.js"></script>
    <script src="js/bootstrap-datetimepicker.min.js"></script> 
     <!-- fancyBox  
	<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>-->
    <!-- Magnific Popup core JS file -->
	<script src="js/jquery.magnific-popup.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/myjquery.js"></script>
	<!-- END SCRIPT -->  

</body>
</html>
